/*body, h3, p, ul, li { margin: 0; padding: 0; }
body { color: #8B8B8B; background-color: #FFF; font-size: 12px; line-height: 1.5em; font-family: Arial,Tahoma,"hiragino sans gb",Helvetica; }
h3 { font-size: 100%; }
li { list-style: none; }
img { border: 0 none; -ms-interpolation-mode: bicubic; }

a { color: #515151; text-decoration: none; }
    a:hover { color: #333; }*/


.mod_focus_show { width:350px; height:303px; position: relative; overflow: hidden; /*margin: 0 auto;*/ }
.mod_focus_show .mod_focus_pic { display: block; width:350px; height: 255px; }
.mod_focus_show .mod_focus_pic li, .mod_focus_show .mod_focus_pic a, .mod_focus_show .mod_focus_pic img {display: block; height: 250px; }
.mod_focus_show .mod_focus_pic li { position: absolute; left: 0; top: 0; }
.mod_focus_show .mod_focus_title { position: absolute; z-index: 1; left: 0; bottom: 59px; overflow: hidden; zoom: 1; width: 350px; height: 53px; background-color: rgba(0,0,0,.8);/* filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#ffffff',endColorstr='#ffffff')*/; background-image: url(about:blank); }
:root .mod_focus_title { filter: none;filter: alpha(opacity=40);opacity: 0.8; }
.mod_focus_show .mod_focus_title li { width: 360px; /*padding: 0 0 0 20px; */overflow: hidden; word-break: keep-all; word-wrap: keep-all; white-space: nowrap; table-layout: fixed; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.mod_focus_show .mod_focus_title li h3 {  font-size: 18px; text-align:center; font-family: "Microsoft Yahei"; font-weight: 500; }
.mod_focus_show .mod_focus_title li h3 a { color: #fff; font-size:14px; }

.focus_switch { width: 59px; height: 29px; position: absolute; z-index: 2; right: 15px; bottom: 52px; }
.focus_switch a { float: left; width: 29px; height: 29px; background-image: url(../images/icon_focus_switch.png); background-repeat: no-repeat; cursor: pointer; }
.focus_switch .icon_prev { background-position: 0 0; margin: 0 1px 0 0; }
.focus_switch .icon_prev:hover { background-position: -30px 0; }
.focus_switch .icon_next { background-position: -60px 0; }
.focus_switch .icon_next:hover { background-position: -90px 0; }
.mod_focus_show .mod_focus_list { /*padding: 3px 4px;*//* background: #000; */overflow: hidden; height:40px; width:360px; }
.mod_focus_show .mod_focus_list li { width: 68px;  height: 40px; float: left; margin: 0 4px 0 0px; position: relative; *display: inline;  }
.mod_focus_show .mod_focus_list li a { display: block; width: 68px; height: 40px; }
.mod_focus_show .mod_focus_list li img { display: block; width: 68px; height: 40px; }
.mod_focus_show .mod_focus_list li a:hover { _background: none;border:#ECECEC solid 0px; }
.mod_focus_show .mod_focus_list li a:hover .mask, .mod_focus_show .mod_focus_list .current .mask { display: none; }
.mod_focus_show .mod_focus_list li .mask { display: block; height: 1px; width: 68px; position: relative; top: -60px; margin: 0 0 -60px; eft: 0; bottom: 0; background: #000; opacity: .4; filter: alpha(opacity=90); }
.mod_focus_show .mod_focus_list li .border { display: none; }
.mod_focus_show .mod_focus_list .current .border { display: block; height: 5px; width: 68px; font-size: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; background: #cc0000}